📝 Description

This PR improves accessibility support and interaction consistency within the sidebar navigation by introducing semantic navigation structures, enhanced screen reader support, and stronger keyboard accessibility.

Changes Made

• Added semantic navigation landmarks for improved accessibility.
• Introduced descriptive ARIA labels for navigation regions and interactive elements.
• Added active-page announcements using aria-current.
• Improved keyboard accessibility with enhanced focus-visible styling.
• Converted navigation structure to semantic list-based navigation using ul and li.
• Added screen reader friendly navigation labels for current page awareness.
• Improved accessibility metadata for application version information.
• Standardized navigation interaction patterns across sidebar links.

Accessibility Improvements

• Better support for screen readers and assistive technologies.
• Improved active navigation state communication.
• Enhanced keyboard navigation visibility through focus indicators.
• More semantic page structure for accessibility tools.
• Improved navigation consistency and discoverability.

Benefits

• Improved accessibility compliance.
• Better keyboard support and focus management.
• Consistent navigation behavior.
• Enhanced usability for assistive technology users.
• Improved maintainability through standardized navigation patterns.

🎯 Type of Change

• 🐞 Bug fix
• ✨ New feature
• 📚 Documentation update
• ♻️ Refactoring
• 🎨 UI/UX improvement
• 🔧 Other

🔗 Related Issue

Fixes #383

✅ Checklist

• Improved accessibility coverage
• Added semantic navigation structure
• Enhanced screen reader support
• Improved keyboard accessibility
• Standardized interaction patterns
• Preserved existing functionality
• Tested locally

Expected Labels

level3, NSoC'26